<HTML>
<HEAD>
<TITLE>Waciwo relatedTarget</TITLE>
<STYLE TYPE="text/CSS">
.direction {background-color:#00FFFF; width:100; height:50; text-align:center}
#main {background-color:#FF6666; text-align:center}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function showArrival(evt) {
    if (evt.target.nodeType == 1) {
        if (evt.relatedTarget != evt.target.firstChild) {
            var direction = (evt.relatedTarget.firstChild) ? 
            evt.relatedTarget.firstChild.nodeValue : "czci nieznane"
            status = "Przesunity z: " + direction
        }
    }
}
function showDeparture(evt) {
    if (evt.target.nodeType == 1) {
        if (evt.relatedTarget != evt.target.firstChild) {
            var direction = (evt.relatedTarget.firstChild) ? 
            evt.relatedTarget.firstChild.nodeValue : "czci nieznane"
            status = "Przesunity do: " + direction
        }
    }
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Waciwo relatedTarget</H1>
<HR>
<P>
Umie wskanik myszy w obszarze centralnego prostokta i zwr uwag 
na informacje wywietlane na pasku stanu przegldarki. Nastpnie przesu 
wskanik myszy poza centralny prostokt i ponownie sprawd jakie informacje 
zostay wywietlone na pasku stanu.
</P>

<TABLE CELLSPACING=0 CELLPADDING=5>
<TR><TD></TD><TD CLASS="direction">Pnoc</TD><TD></TD></TR>
<TR><TD CLASS="direction">Zachd</TD>
<TD ID="main" onMouseOver="showArrival(event)" 
              onMouseOut="showDeparture(event)">Tutaj!!</TD>
<TD CLASS="direction">Wschd</TD></TR>
<TR><TD></TD><TD CLASS="direction">Poudnie</TD><TD></TD></TR>
</TABLE>
</BODY>
</HTML>